<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器进阶</title>
    <style>
        /*选择器分组,逗号是语法不能丢*/
        div, b, p, h1, #t1, .t2 {
            color: red;
        }

        /*属性选择器 标签名[属性值='值']{样式代码}*/
        a[href] {
            color: gold;
        }

        a[href='#'] {
            color: hotpink;
        }

        /*通配符选择器 能匹配到所有标签*/
        * {
            background-color: yellow;
        }
    </style>
</head>
<body>
<div>小艺</div>
<b>小爱</b>
<p>小v</p>
<h1>sirl</h1>
<h2 id="t1">天猫精灵</h2>
<h2 class="t2">天猫精灵</h2>
<hr size="10" color="green">
<a href="https://www.baidu.com/">百度</a>
<a href="#" title="谷歌">谷歌</a>
<a>360</a>
<b>搜狗</b>
</body>
</html>